<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TinyButStrong</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="tbs_us_examples_0styles.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
function m_Select() {
	window.location = 'tbs_us_examples_cond.php?blk_id=' + window.document.frm_condition.lst_block.value
}
</script>
</head>
<body>
<p align="center"><span class="title-page">Example of Conditional Blocks</span></p>
<p align="center">Conditional Blocks enable you to display or hide an area according to a condition.</p>
<table width="500" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#006699">
  <tr>
    <td align="left" valign="top" bgcolor="#99CC33"><strong>Hello, You have selected the block #1.[onload_1;block=tr;when [var.blk_id]=1]</strong></td>
  </tr>
  <tr>
    <td align="left" valign="top" bgcolor="#FF9933"><em>Good, it's now the block #2 which is displayed.[onload_1;block=tr;when [var.blk_id]=2]</em></td>
  </tr>
  <tr>
    <td align="left" valign="top" bgcolor="#66FFCC"><font color="#990000">Well, finally Conditional Blocks are very easy.[onload_1;block=tr;when [var.blk_id]=3]</font></td>
  </tr>
  <tr>
    <td align="left" valign="top" bgcolor="#EBEBEB">This block is displayed by default.[onload_1;block=tr;default] </td>
  </tr>
</table>
<br>
<form action="[var..script_name]" method="post" name="frm_condition" id="frm_condition">
  <div align="center">Select a block to display:
    <select name="lst_block" class="normal" id="lst_block" onChange="javascript:m_Select()">
      <option value="0">&lt;select a block&gt;</option>
      <option value="1">Block 1</option>
      <option value="2">Block 2</option>
      <option value="3">Block 3</option>
      <option value="x">[var.blk_id;ope=html;select]</option>
    </select>
  </div>
</form>
</body>
</html>
